﻿<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Style-Type" content="text/css" /><meta name="generator" content="Aspose.Words for .NET 15.1.0.0" /><title></title></head><body><div><h1 style="font-size:22pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:center; text-indent:0pt; widows:0"><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">第</span><span style="font-family:Consolas; font-size:22pt; font-weight:bold">2</span><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">章</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">前端的运行</span></h1><h1 style="font-size:22pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:22pt; font-weight:bold">1</span><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">、</span><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">前端开发环境</span></h1><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">1.1</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:Consolas; font-size:16pt; font-weight:bold">NodeJs</span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">简介</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt">NodeJS </span><span style="font-family:微软雅黑; font-size:10.5pt">是基于</span><span style="font-family:Consolas; font-size:10.5pt">Chrome V8</span><span style="font-family:微软雅黑; font-size:10.5pt">引擎的 </span><span style="font-family:Consolas; font-size:10.5pt">JavaScript </span><span style="font-family:微软雅黑; font-size:10.5pt">运行环境。</span><span style="font-family:Consolas; font-size:10.5pt">NodeJS</span><span style="font-family:微软雅黑; font-size:10.5pt">使用事件驱动，非阻塞型</span><span style="font-family:Consolas; font-size:10.5pt">I/O</span><span style="font-family:微软雅黑; font-size:10.5pt">。</span><span style="font-family:Consolas; font-size:10.5pt">NodeJS</span><span style="font-family:微软雅黑; font-size:10.5pt">的包管理生态是 </span><span style="font-family:Consolas; font-size:10.5pt">NPM</span><span style="font-family:微软雅黑; font-size:10.5pt">，是现在世界上最大的开源程序包库。</span><span style="font-family:Consolas; font-size:10.5pt">JavaScript</span><span style="font-family:微软雅黑; font-size:10.5pt">是一门脚本语言，它需要一个运行环境。就好像</span><span style="font-family:Consolas; font-size:10.5pt">PHP</span><span style="font-family:微软雅黑; font-size:10.5pt">需要</span><span style="font-family:Consolas; font-size:10.5pt">Apache</span><span style="font-family:微软雅黑; font-size:10.5pt">、</span><span style="font-family:Consolas; font-size:10.5pt">JSP</span><span style="font-family:微软雅黑; font-size:10.5pt">需要</span><span style="font-family:Consolas; font-size:10.5pt">Tomcat</span><span style="font-family:微软雅黑; font-size:10.5pt">、</span><span style="font-family:Consolas; font-size:10.5pt">Java</span><span style="font-family:微软雅黑; font-size:10.5pt">需要</span><span style="font-family:Consolas; font-size:10.5pt">JVM</span><span style="font-family:微软雅黑; font-size:10.5pt">等等， 而</span><span style="font-family:Consolas; font-size:10.5pt">NodeJS</span><span style="font-family:微软雅黑; font-size:10.5pt">之前，</span><span style="font-family:Consolas; font-size:10.5pt">JavaScript</span><span style="font-family:微软雅黑; font-size:10.5pt">运行环境是浏览器，也就是</span><span style="font-family:Consolas; font-size:10.5pt">JavaScript</span><span style="font-family:微软雅黑; font-size:10.5pt">在网页中才能跑起来。</span><span style="font-family:Consolas; font-size:10.5pt">NodeJS</span><span style="font-family:微软雅黑; font-size:10.5pt">之后</span><span style="font-family:Consolas; font-size:10.5pt">JavaScript</span><span style="font-family:微软雅黑; font-size:10.5pt">又多了一个运行环境，就是</span><span style="font-family:Consolas; font-size:10.5pt">NodeJS</span><span style="font-family:微软雅黑; font-size:10.5pt">。</span></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">1.2</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:Consolas; font-size:16pt; font-weight:bold">NodeJs</span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">安装</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">要使用</span><span style="font-family:Consolas; font-size:10.5pt">NodeJs</span><span style="font-family:微软雅黑; font-size:10.5pt">首先要安装它。</span></p><h3 style="margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">1.2.1</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">下载</span><span style="font-family:Consolas; font-size:16pt; font-weight:bold">Node.js</span></h3><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">浏览器访问：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; float:left; margin:0pt 9pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">http://nodejs.cn/download/</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">我们可以看见现在</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:normal">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">现在最新的版本为 </span><span style="font-family:Consolas; font-size:10.5pt; font-weight:bold">14.7.0</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">，</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">根据你的需要选择要下载的</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:normal">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">的版本。</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:bold">Windows</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">用户推荐使用二进制文件</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">，也就是</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:bold">zip</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">的安装方式。现在我们下载</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:normal">64</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">位的</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:normal">nodejs:</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.001.png" width="394" height="213" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">点击下载完毕即可。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">当然，我们也为你准备了本地的安装包文件，你可以从本章的软件目录里面去下载它。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.002.png" width="526" height="104" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><h3 style="margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">1.2.2</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">解压</span><span style="font-family:Consolas; font-size:16pt; font-weight:bold">Node.js</span></h3><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">将下载的</span><span style="font-family:Consolas; font-size:10.5pt">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt">复制到你的安装软件的目录里面。以我的开发目录为例子，首先我切换到</span><span style="font-family:Consolas; font-size:10.5pt">devtools</span><span style="font-family:微软雅黑; font-size:10.5pt">里面：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.003.png" width="469" height="36" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">在该文件夹里面新建一个</span><span style="font-family:Consolas; font-size:10.5pt">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt">文件夹：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.004.png" width="459" height="28" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">将下载的</span><span style="font-family:Consolas; font-size:10.5pt">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt">的压缩包（</span><span style="font-family:Consolas; font-size:10.5pt">zip</span><span style="font-family:微软雅黑; font-size:10.5pt">文件）复制到</span><span style="font-family:Consolas; font-size:10.5pt">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt">文件夹里面：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.005.png" width="554" height="93" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">现在，使用压缩软件解压就可以了。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.006.png" width="554" height="82" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><h3 style="margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">1.2.3</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">配置环境变量</span></h3><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">在上面一步我们已经将</span><span style="font-family:Consolas; font-size:10.5pt">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt">的压缩包解压了，现在，我们来尝试运行它。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">打开 终端（</span><span style="font-family:Consolas; font-size:10.5pt">win+R</span><span style="font-family:微软雅黑; font-size:10.5pt">），切换到该目录里面：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">输入以下命令：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">D:</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">cd devtools\nodejs\node-v14.7.0-win-x64</span><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">\</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.007.png" width="438" height="168" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">尝试运行：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">node -v</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.008.png" width="480" height="137" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">发现已经成功的运行了。但是，现在我们只能在该目录下运行</span><span style="font-family:Consolas; font-size:10.5pt">node</span><span style="font-family:微软雅黑; font-size:10.5pt">，若切换到别的目录，就无法运行了。比如：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.009.png" width="430" height="163" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">当我们切换到外面一级，发现已经运行不了，聪明的你肯定已经想到，需要</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">配置环境变量</span><span style="font-family:微软雅黑; font-size:10.5pt">了。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">打开控制面板</span><span style="font-family:Consolas; font-size:10.5pt">---&gt;</span><span style="font-family:微软雅黑; font-size:10.5pt">系统和安全</span><span style="font-family:Consolas; font-size:10.5pt">---&gt;</span><span style="font-family:微软雅黑; font-size:10.5pt">系统</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.010.png" width="511" height="236" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.011.png" width="324" height="373" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">点击环境变量：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.012.png" width="554" height="542" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">点击新建，我们先来创建一个</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:bold">NODE_HOME</span><span style="font-family:微软雅黑; font-size:10.5pt">的变量值：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.013.png" width="577" height="301" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt 21pt; orphans:0; text-align:justify; text-indent:-21pt; widows:0"><span style="font-family:Wingdings; font-size:10.5pt"></span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:10.5pt">变量名：</span><span style="font-family:Consolas; font-size:10.5pt">NODE_HOME</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt 21pt; orphans:0; text-align:justify; text-indent:-21pt; widows:0"><span style="font-family:Wingdings; font-size:10.5pt"></span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:10.5pt">变量值：</span><span style="font-family:Consolas; font-size:10.5pt">D:\devtools\nodejs\node-v14.7.0-win-x64 </span><span style="font-family:微软雅黑; font-size:10.5pt">该值就是你解压</span><span style="font-family:Consolas; font-size:10.5pt">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt">后的目录</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">现在，我们修改</span><span style="font-family:Consolas; font-size:10.5pt">PATH</span><span style="font-family:微软雅黑; font-size:10.5pt">，让</span><span style="font-family:Consolas; font-size:10.5pt">windows</span><span style="font-family:微软雅黑; font-size:10.5pt">能从该目录里面寻找指令：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.014.png" width="554" height="198" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">我们点击</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:normal">Path</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal">后，将光标移动到变量值的最前面，添加 </span><span style="font-family:Consolas; font-size:10.5pt; font-weight:bold">%NODE_HOME%;</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">就可以了。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">注意，仅仅是</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:bold">%NODE_HOME%</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">，</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold; text-decoration:line-through">不是</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:bold; text-decoration:line-through">%NODE_HOME%bin</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold; text-decoration:line-through">。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal; text-decoration:none">完成后点击确定即可。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal; text-decoration:none">现在，你可以不用切换目录来运行我们的</span><span style="font-family:Consolas; font-size:10.5pt; font-weight:normal; text-decoration:none">node</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:normal; text-decoration:none">了。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.015.png" width="396" height="163" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">1.3</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">镜像加速</span></h2><h3 style="margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">1.3.1</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:Consolas; font-size:16pt; font-weight:bold">npm </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">介绍</span></h3><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt">NPM</span><span style="font-family:微软雅黑; font-size:10.5pt">是随同</span><span style="font-family:Consolas; font-size:10.5pt">NodeJS</span><span style="font-family:微软雅黑; font-size:10.5pt">一起安装的包管理工具，能解决</span><span style="font-family:Consolas; font-size:10.5pt">NodeJS</span><span style="font-family:微软雅黑; font-size:10.5pt">代码部署上的很多问题，常见的使用场景有以下几种：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt 21pt; orphans:0; text-align:justify; text-indent:-21pt; widows:0"><span style="font-family:Wingdings; font-size:10.5pt"></span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:10.5pt">允许用户从</span><span style="font-family:Consolas; font-size:10.5pt">NPM</span><span style="font-family:微软雅黑; font-size:10.5pt">服务器下载别人编写的第三方包到本地使用。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt 21pt; orphans:0; text-align:justify; text-indent:-21pt; widows:0"><span style="font-family:Wingdings; font-size:10.5pt"></span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:10.5pt">允许用户从</span><span style="font-family:Consolas; font-size:10.5pt">NPM</span><span style="font-family:微软雅黑; font-size:10.5pt">服务器下载并安装别人编写的命令行程序到本地使用。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt 21pt; orphans:0; text-align:justify; text-indent:-21pt; widows:0"><span style="font-family:Wingdings; font-size:10.5pt"></span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:微软雅黑; font-size:10.5pt">允许用户将自己编写的包或命令行程序上传到</span><span style="font-family:Consolas; font-size:10.5pt">NPM</span><span style="font-family:微软雅黑; font-size:10.5pt">服务器供别人使用。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">由于新版的</span><span style="font-family:Consolas; font-size:10.5pt">nodejs</span><span style="font-family:微软雅黑; font-size:10.5pt">已经集成了</span><span style="font-family:Consolas; font-size:10.5pt">npm</span><span style="font-family:微软雅黑; font-size:10.5pt">，所以之前</span><span style="font-family:Consolas; font-size:10.5pt">npm</span><span style="font-family:微软雅黑; font-size:10.5pt">也一并安装好了。同样可以通过输入 </span><span style="font-family:Consolas; font-size:10.5pt">"npm -v" </span><span style="font-family:微软雅黑; font-size:10.5pt">来测试是否成功安装。命令如下，出现版本提示表示安装成功</span><span style="font-family:Consolas; font-size:10.5pt">:</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.016.png" width="289" height="130" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><h3 style="margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">1.3.2</span><span style="font:7.0pt 'Times New Roman'">&#xa0;&#xa0;&#xa0;&#xa0;&#xa0; </span><span style="font-family:Consolas; font-size:16pt; font-weight:bold">cnpm</span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">的安装和说明</span></h3><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:10.5pt">Npm </span><span style="font-family:微软雅黑; font-size:10.5pt">包服务器在国外，导致国内下载第三方的包异常的慢，在此，我们可以使用淘宝提供给我们的加锁地址。看说明：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.017.png" width="554" height="128" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">直接运行：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">npm install -g cnpm --registry=https://registry.npm.taobao.org</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">等待片刻，当出现：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.018.png" width="554" height="74" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">代表你已经安装成功了，以后，你可以使用</span><span style="font-family:Consolas; font-size:10.5pt">cnpm </span><span style="font-family:微软雅黑; font-size:10.5pt">代替</span><span style="font-family:Consolas; font-size:10.5pt">npm </span><span style="font-family:微软雅黑; font-size:10.5pt">来下载第三方的应用了。</span></p><h1 style="font-size:22pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:22pt; font-weight:bold">2</span><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">、</span><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">前端开发软件</span></h1><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">前端开发软件我们使用的是</span><span style="font-family:Consolas; font-size:10.5pt">vscode</span><span style="font-family:微软雅黑; font-size:10.5pt">。</span><span style="font-family:Consolas; font-size:10.5pt">Vscode</span><span style="font-family:微软雅黑; font-size:10.5pt">是一款轻量且强大的跨平台开源代码编辑器（</span><span style="font-family:Consolas; font-size:10.5pt">IDE</span><span style="font-family:微软雅黑; font-size:10.5pt">），支持</span><span style="font-family:Consolas; font-size:10.5pt">Windows</span><span style="font-family:微软雅黑; font-size:10.5pt">，</span><span style="font-family:Consolas; font-size:10.5pt">MacOS </span><span style="font-family:微软雅黑; font-size:10.5pt">、</span><span style="font-family:Consolas; font-size:10.5pt">Linux</span><span style="font-family:微软雅黑; font-size:10.5pt">。内置</span><span style="font-family:Consolas; font-size:10.5pt">JavaScript</span><span style="font-family:微软雅黑; font-size:10.5pt">、</span><span style="font-family:Consolas; font-size:10.5pt">TypeScript</span><span style="font-family:微软雅黑; font-size:10.5pt">和</span><span style="font-family:Consolas; font-size:10.5pt">Node.js</span><span style="font-family:微软雅黑; font-size:10.5pt">支持，而且拥有丰富的插件生态系统，可通过安装插件来支持</span><span style="font-family:Consolas; font-size:10.5pt">Java</span><span style="font-family:微软雅黑; font-size:10.5pt">、</span><span style="font-family:Consolas; font-size:10.5pt">Python</span><span style="font-family:微软雅黑; font-size:10.5pt">、</span><span style="font-family:Consolas; font-size:10.5pt">C++</span><span style="font-family:微软雅黑; font-size:10.5pt">、</span><span style="font-family:Consolas; font-size:10.5pt">PHP</span><span style="font-family:微软雅黑; font-size:10.5pt">等其他语言。</span></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">2.1 vscode</span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">下载</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">浏览器打开：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">https://code.visualstudio.com/</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">点击</span><span style="font-family:Consolas; font-size:10.5pt">Download for Windows </span><span style="font-family:微软雅黑; font-size:10.5pt">即可下载：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.019.png" width="553" height="307" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">当然，你也可以从本章的软件里面去下载它。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.020.png" width="554" height="131" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">2.2 vscode</span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">的安装</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">双击下载的文件，一直点击下一步就可以完成安装了。安装完成后，运行软件，如下图所示：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.021.png" width="553" height="300" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">2.3 </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">插件的安装</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">点击该按钮：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.022.png" width="134" height="359" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.023.png" width="482" height="493" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">以下是开发</span><span style="font-family:Consolas; font-size:10.5pt">vue </span><span style="font-family:微软雅黑; font-size:10.5pt">是推荐安装的插件：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">插件名称</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">说明</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">是否必须</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Chinese</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">中文语言支持</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">是</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">vetur</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Vue </span><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">开发工具</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">是</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Vuehelper</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Vue</span><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">、</span><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Vue-router</span><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">、</span><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Vuex</span><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">代码提示</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">是</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">eslint</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Javascript</span><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">代码检测工具</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">是</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Debugger for Chrome</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">代码调试工具</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">否</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">HTML CSS Support</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Css</span><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">代码提示</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">否</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Path Intellisense</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">自动补全路径的</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">否</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Beautify</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">代码格式化</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">否</span></p></td></tr><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.2pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">Auto Rename Tag</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">自动完成尾部闭合标签修改</span></p></td><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:middle; width:131.25pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; vertical-align:baseline">否</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">安装完毕后，记得重启，重启完成后，如下图：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.024.png" width="413" height="624" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">2.4 </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">配置的导入</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.025.png" width="560" height="607" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.026.png" width="554" height="382" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">点击在</span><span style="font-family:Consolas; font-size:10.5pt">settings.json</span><span style="font-family:微软雅黑; font-size:10.5pt">中编辑。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">切换到今天的软件目录，打开【</span><span style="font-family:Consolas; font-size:10.5pt">vscode</span><span style="font-family:微软雅黑; font-size:10.5pt">配置文件</span><span style="font-family:Consolas; font-size:10.5pt">.json.txt</span><span style="font-family:微软雅黑; font-size:10.5pt">】，将内容复制进去即可。</span></p><h1 style="font-size:22pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; text-indent:0pt; widows:0"><span style="font-family:Consolas; font-size:22pt; font-weight:bold">3</span><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">、</span><span style="font-family:微软雅黑; font-size:22pt; font-weight:bold">前端的运行</span></h1><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">前端包含：</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">后台管理系统、前台系统、移动端全栈系统</span><span style="font-family:微软雅黑; font-size:10.5pt">。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">前端所有的功能都已经开发完毕了。在本项目里面，你可以</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">选择自己构建交互逻辑</span><span style="font-family:微软雅黑; font-size:10.5pt">，或者直接使用我们</span><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">提供的代码</span><span style="font-family:微软雅黑; font-size:10.5pt">。在以后的授课时，我们不会写前端代码，但我们会分析所有的核心的前端代码，以帮助你快速的上手前端系统和理清和后端的交互逻辑。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">3.1 </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">下载前端的文件</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.027.png" width="554" height="150" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">3.2 </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">解压到我们的</span><span style="font-family:Consolas; font-size:16pt; font-weight:bold">git</span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">仓库里面</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.028.png" width="464" height="176" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt; font-weight:bold">注意，在仓库里面不需要将压缩文件放在里面。</span></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">3.3 </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">后台管理系统的运行</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">进入到</span><span style="font-family:Consolas; font-size:10.5pt">coin-manager</span><span style="font-family:微软雅黑; font-size:10.5pt">里面：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.029.png" width="420" height="272" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">安装依赖，执行如下的命令：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">cnpm install</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:center; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.030.png" width="498" height="54" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">执行介绍代码依赖安装完毕。</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">运行项目：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">npm run dev</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.031.png" width="554" height="52" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">运行成功后：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.032.png" width="553" height="312" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><h2 style="font-size:16pt; line-height:130%; margin:13pt 0pt; orphans:0; page-break-after:avoid; page-break-inside:avoid; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:16pt; font-weight:bold">3.4 </span><span style="font-family:微软雅黑; font-size:16pt; font-weight:bold">前台系统的运行</span></h2><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">进入到：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.033.png" width="554" height="42" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">该目录里面，打开</span><span style="font-family:Consolas; font-size:10.5pt">gitbash</span><span style="font-family:微软雅黑; font-size:10.5pt">，执行：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">cnpm install</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">执行成功后，运行项目：</span></p><table cellspacing="0" cellpadding="0" style="border-collapse:collapse; margin-left:0pt"><tr><td style="border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:0.75pt; border-left-color:#000000; border-left-style:solid; border-left-width:0.75pt; border-right-color:#000000; border-right-style:solid; border-right-width:0.75pt; border-top-color:#000000; border-top-style:solid; border-top-width:0.75pt; padding-left:5.03pt; padding-right:5.03pt; vertical-align:top; width:415.3pt"><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt; vertical-align:baseline">npm run dev</span></p></td></tr></table><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.034.png" width="554" height="72" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:Consolas; font-size:10.5pt">&#xa0;</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><span style="font-family:微软雅黑; font-size:10.5pt">运行成功后：</span></p><p style="font-size:10.5pt; line-height:115%; margin:0pt 0pt 10pt; orphans:0; text-align:justify; text-indent:21pt; widows:0"><img src="6f535b35-698b-42d0-8d2b-e833fd42e529.035.png" width="553" height="312" alt="" style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" /></p></div><div class="cnzz" style="display: none;">
	        <script src="https://s23.cnzz.com/z_stat.php?id=1277655852&web_id=1277655852" language="JavaScript"></script>
            </div>
            <div class="docpe" style="position: absolute;color: white;margin-left:-450;">
            <a target="_blank" href="http://www.docpe.com">档铺网——在线文档免费处理</a>
            </div>
            </body></html>